<nav class="ui secondary menu dream-menu dream-socials">
  {{ if .Site.Params.email }}
    <div class="item">
      <a href="mailto:{{ .Site.Params.email }}">
        <i class="{{ .IconSize }} mail icon" title="email"></i>
      </a>
    </div>
  {{ end }}

  {{ if .Site.Params.twitter }}
    <div class="item">
      <a href="https://twitter.com/{{ .Site.Params.twitter }}" target="_blank">
        <i class="{{ .IconSize }} twitter icon" title="twitter"></i>
      </a>
    </div>
  {{ end }}

  {{ if .Site.Params.facebook }}
    <div class="item">
      <a href="https://facebook.com/{{ .Site.Params.facebook }}" target="_blank">
        <i class="{{ .IconSize }} facebook icon" title="facebook"></i>
      </a>
    </div>
  {{ end }}

  {{ if .Site.Params.instagram }}
    <div class="item">
      <a href="https://instagram.com/{{ .Site.Params.instagram }}" target="_blank">
        <i class="{{ .IconSize }} instagram icon" title="instagram"></i>
      </a>
    </div>
  {{ end }}

  {{ if .Site.Params.linkedin }}
    <div class="item">
      <a href="https://www.linkedin.com/in/{{ .Site.Params.linkedin }}" target="_blank">
        <i class="{{ .IconSize }} linkedin icon" title="linkedin"></i>
      </a>
    </div>
  {{ end }}

  {{ if .Site.Params.github }}
    <div class="item">
      <a href="https://github.com/{{ .Site.Params.github }}" target="_blank">
        <i class="{{ .IconSize }} github icon" title="github"></i>
      </a>
    </div>
  {{ end }}

  {{ if .Site.Params.stackoverflow }}
    <div class="item">
      <a href="https://www.stackoverflow.com/users/{{ .Site.Params.stackoverflow }}" target="_blank">
        <i class="{{ .IconSize }} stack overflow icon" title="stackoverflow"></i>
      </a>
    </div>
  {{ end }}

  {{ if .Site.Params.codepen }}
    <div class="item">
      <a href="https://codepen.io/{{ .Site.Params.codepen }}" target="_blank">
        <i class="{{ .IconSize }} codepen icon" title="codepen"></i>
      </a>
    </div>
  {{ end }}
</nav>
